html,body{
    width:100%;
    height:100%;
    background:#D7D7D7;
    font-family:Microsoft YaHei;
}.clearfix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

/*.content{height:100%;}*/
/*.content img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:500;}*/
.login{
    /*width:457px;
    height:460px;*/
    width:27%;
    position:absolute;
    left:50%;
    top:50%;
    z-index:500;
    transform: translate(-50%,-50%);
    color:#fff;
}
.log_bg{
    width:100%;
}
.log_bg img{
    width:100%;
    height:100%;
}
.log_form{
    position:absolute;
    left:0;
    top:36%;
    z-index:1000;
    width:100%;
    height:100%;
}
.login .title{
    text-align:center;
    font-weight:600;
}
#loginFrom{
    text-align:center;
}
#loginFrom .one{position:relative;}
#loginFrom .one input,#loginFrom .two input{text-indent:2em;}
#loginFrom .one img{position:absolute;left:27%;top:16%;}
#loginFrom > div{margin:6% 0;}
#loginFrom .two input{width:28%;height:26px;line-height:26px;}
#loginFrom .two .validate{margin-left:8%;}
#loginFrom .three input{margin-left:25%;margin-top:4%;background:#1EAAEB;}
#loginFrom .remember{margin-left:25%;}
#loginFrom .remember input{width:4%;}
#loginFrom .remember span{width:37%;text-align:left;}
#loginFrom input{background:#707070;width:65%;border-radius:5px;border:1px solid #938F84;}
#loginFrom span{
    text-align:right;
    width:25%;
    display:inline-block;
    font-weight:600;
}
#loginFrom span,#loginFrom input{float:left;}
.submit{
    width:65px;
    height:32px;
    background:#169BD5;
    border-radius:5px;
    border:1px solid #169BD5;
}
.remember input,.remember span{
    float:left;
}
.remember span,.find span{cursor:pointer;}
.remember{
    margin-left:10px;
}
.remember input{
    margin-right:10px;
    width:50%;
}
.cancel{
    display:inline-block;
    width:65px;
    height:32px;
    background:#FFF;
    border-radius:5px;
    border:1px solid #797979;
}
.log_form{/*filter:alpha(opacity=10); !*IE滤镜，透明度50%*!
    -moz-opacity:0.1; !*Firefox私有，透明度50%*!
    opacity:0.1;!*其他，透明度50%*!*/
    }
.log_form .line{margin-left:25%;margin-right:10%;}
.log_form .line .line1{width:35%;border-top:1px solid #FFF;display:inline-block;}
.log_form .line .text{width:25%;display:inline-block;text-align:center;}
#loginFrom .line{margin-left:25%;}
#loginFrom .line .text{text-align:center;}
#loginFrom .line span{float:left;}
#loginFrom .line .line1{margin-top:7px;width:30%;}

#loginFrom .other_log{margin-left:25%;}
#loginFrom .wechat,#loginFrom .facebook{width:44%;text-align:center;}
.other_log{margin-left:25%;margin-right:10%;margin-top:3%;}
.other_log > div{float:left;}
.other_log .wechat,.other_log .facebook{width:50%;text-align:center;}
.other_log .wechat img,.other_log .facebook img{cursor:pointer;}
